<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/one.css" />
         <script src="../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="main">
			<header>
				<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/one.html">
					<div id="logn">
					</div>
				</a>
				<div id="top-nav">
					<p>中国</p>
					<div id="nav-up-right">
						<select name="">
							<option value="defalut">Select Language</option>
							<option value="en">English</option>
							<option value="cn">Chinese</option>
						</select>
						<span> &nbsp;&nbsp;|&nbsp; </span>
						<a href="###">进入全球官网</a>
					</div>
					<ul id="nav-contain">
						<li id="nav-news">
							<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/news.html">新闻动态</a>
						</li>
						<li id="nav-food">
							<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/food.html">美食与营养</a>
							<ul id="nav-food-menu">
								<li>
									<a href="">超值 Value</a>
								</li>
								<li>
									<a href="">经典 Classics</a>
								</li>
								<li>
									<a href="">低脂 Low Fat</a>
								</li>
								<li>
									<a href="">精选 Premlum</a>
								</li>
								<li>
									<a href="">百味卷 Wrap</a>
								</li>
								<li>
									<a href="">沙拉 Salad</a>
								</li>
								<li>
									<a href="">聚餐服务 Catering</a>
								</li>
								<li>
									<a href="">饮料喝小食 Drinks & Sides</a>
								</li>
								<li>
									<a href="">早餐 BREAKFAST</a>
								</li>
								<li>
									<a href="">营养 Nutrition</a>
								</li>
								<li>
									<a href="">如何点餐 How To Order</a>
								</li>
							</ul>
						</li>
						<li id="nav-go">
							<a href="">加盟流程</a>
						</li>
						<li id="nav-us">
							<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/us.html">关于我们</a>
						</li>
						<li id="nav-search">
							<a href="">快餐位置查询</a>
						</li>
					</ul>
				</div>
			</header>
			<div id="middle-location">
				<div id="middle-left-contain">
					<div id="middle-warp">
						<div class="middle-left">
							<img src="../img/EAA706E7-FA97-4B94-B5C2-6A05E6D79E30.png" />
							<div id="middle-location-left-word">
								经过十余年的积累与发展，目前赛百味在中国已开设近500家连锁加盟店，预计在未来的五年内这个数字可以突破<br /> 1000家。因此能够获得更多优质的店址资源就变得非常重要和迫切。
								<br /><br /> 赛百味会是您非常好的房客。我们拥有国际知名的品牌认知度，高规格的餐厅营运标准，健全的管理体制保障合
								<br /> 约的正常履行并能为您带来符合市场行情的租金收益。
								<br /><br /> 欢迎您做我们的房东。如果您有合适的位置可以填写这里或联系我们的新店拓展负责人王先生
								<br />
								<a href="">wang_a@subway.com</a><br /><br />
							</div>
							<ul id="middle-location-img">
								<li><img src="../img/Z-12.jpg" />
									<p>北京东方广场店</p>
								</li>
								<li><img src="../img/Z-11.jpg" />
									<p>郑州国贸360店</p>
								</li>
								<li><img src="../img/Z-13.jpg" />
									<p>济南泰府广场</p>
								</li>
							</ul>
						</div>
						<div class="middle-left">
                              <img src="../img/6C8AB716-6C51-4DB3-8A73-098960EA9A51.png"/>
						</div>
						<div class="middle-left">
							   <img src="../img/B1E12578-5695-472C-93EE-A1EA5D5DCFA9.png"/>
						</div>
						<div class="middle-left">
							<img src="../img/BF99CA02-D5FE-4131-9F32-141DA67D649C.png"/>
						</div>
						<div class="middle-left">
							<img src="../img/94FA4890-F753-4DCF-A14D-DF34FD5B1F93.png"/>
						</div>
					</div>
				</div>
				<div id="middle-right">
					<img id="middle-right-one" src="../img/miidle-righttwo.jpg" />
					<img id="middle-right-two" src="../img/middlerightthree.jpg" />
					<img id="middle-right-three" src="../img/middlerightfour.jpg" />
					<img id="middle-right-four" src="../img/middle-rightfive.jpg" />
					<img id="middle-right-five" src="../img/middle-righone.jpg" />
				</div>
			</div>
			<div id="main-down">
				<ul>
					<li>
						<a id="down-location" href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/two.html"></a>
					</li>
					<li>
						<a id="down-get" href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/three.html"></a>
					</li>
					<li>
						<a id="down-active" href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/four.html"></a>
					</li>
					<li>
						<a id="down-sina" href="http://weibo.com/subwayrestaurantcn"></a>
					</li>
					<li>
						<a id="down-wechat" href=""></a>
					</li>
					<div id="wechat-img">
						<img src="../img/38A.png" />
					</div>
				</ul>
				<p>主页 | 菜单/营养 | 如何加盟 | 关于我们 | 快餐店位置查询 <br /> 联系我们 | 使用条款 | 隐私权政策 | SUBWAY Partners™ <br /><br /> SUBWAY® is a Registered Trademark of Subway IP Inc. <br /> ®2016 Subway IP Inc.</p>
			</div>
		</div>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var navFood = document.getElementById("nav-food")
			var navFoodMenu = document.getElementById("nav-food-menu")
			var navContain = document.getElementById("nav-contain")

			var downWechat = document.getElementById("down-wechat")
			var haha = document.getElementById("haha")
			var wechatImg = document.getElementById("wechat-img")
			var middleLocation = document.getElementById("middle-location")
			var middle = document.getElementById("middle")
			var middleArr = document.querySelectorAll("#middle-right>img")
			console.log(middleArr)
			var middleWarp = document.getElementById("middle-warp")
			var middleLeftArr = document.querySelectorAll(".middle-left>img")
			console.log(middleLeftArr)
			navContain.onmouseover = function(ev) {
				ev.target.style.color = "yellow"
			}
			navContain.onmouseout = function(ev) {
				ev.target.style.color = "white"
			}

			navFood.onmouseenter = function() {
				navFoodMenu.style.display = "block"
			}
			navFood.onmouseleave = function() {
				navFoodMenu.style.display = "none"
			}
			downWechat.onmouseover = function() {
				wechatImg.style.display = "block"
				wechatImg.style.top = main.offsetHeight - 250 + "px"
			}
			downWechat.onmouseout = function() {
				wechatImg.style.display = "none"
			}
			window.onload = function () {
				for (var i = 0;i < middleArr.length;i++) {
				middleArr[i].index = i
				
				middleArr[i].onclick = function () {
					
					middleWarp.style.left = -(this.index + 1) * 620 + "px"
					middleLocation.style.height = middleLeftArr[this.index + 1].offsetHeight + 50 + "px"
				}
			}
			}
			
		</script>

	</body>

</html>